<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/index.css" />
		<script type="text/javascript" src="js/PIE.js"></script>
		<script src="js/jquery-1.8.3.js" type="text/javascript"></script>
		<script src="js/shop_cart.js" type="text/javascript"></script>
	</head>
		<body>
			<div class="header_box">
				<div class="header">
					|
					<a href="login.html">登录</a>|
					<a href="register.html">注册用户</a>|
					<p style="float: left">您好，欢迎光临波士蒙斯商城</p>
					<div class="header_right">
						<div class="use">
							<p id="use">我的波士蒙斯</p>|
							<ul id="core" style="display: none;">
								<li>
									<a href="user.html">我的用户中心</a>
								</li>
								<li>
									<a href="shop_cart.html">我的购物车</a>
								</li>
								<li>
									<a href="order.html">我的订单</a>
								</li>
								<li>
									<a href="#">我的收藏</a>
								</li>
								<li>
									<a href="comments.html">我的评价</a>
								</li>
								<li>
									<a href="#">我的余额</a>
								</li>
							</ul>
						</div>
						<a href="#">网站导航</a>|
						<a href="#">帮助中心</a>|
					</div>
				</div>
			</div>
			<div class="nav">
				<div class="logo">
					<a href="index.html"><img src="img/e.png" /></a>
				</div>
				<div class="search_box">
					<div class="search">
						<from>
							<input type="text" class="search_text" value />
							<input type="button" class="search_button" value="搜索" />
						</from>
					</div>
					<div class="search_tip">
						<ul>
							<li>
								<a href="#">花花公子</a>
							</li>
							<li>
								<a href="#">GXG</a>
							</li>
							<li>
								<a href="#">森马</a>
							</li>
							<li>
								<a href="#">美特斯邦威</a>
							</li>
							<li>
								<a href="#">七匹狼</a>
							</li>
							<li>
								<a href="#">特步</a>
							</li>
							<li>
								<a href="#">李宁</a>
							</li>
							<li>
								<a href="#">鸿星尔克</a>
							</li>
						</ul>
					</div>
				</div>
				<img src="img/r.png" />
			</div>
			<div class="main_nav">
				<div class="left">
					<h2>商品分类</h2>
					<ul>
						<li class="on">
							<a href="#">T恤</a>
						</li>
						<li>
							<a href="#">牛仔裤</a>
						</li>
						<li>
							<a href="#">牛仔裙</a>
						</li>
						<li>
							<a href="#">套衫</a>
						</li>
						<li>
							<a href="#">格子绒布衬衫</a>
						</li>
						<li>
							<a href="#">灯芯绒裤</a>
						</li>
						<li>
							<a href="#">纯棉白袜</a>
						</li>
						<li>
							<a href="#">旅游鞋</a>
						</li>
						<li>
							<a href="#">运动鞋</a>
						</li>
						<li>
							<a href="#">寸衫</a>
						</li>
						<li>
							<a href="#">运动服</a>
						</li>
						<li>
							<a href="#">牛仔服</a>
						</li>
						<li>
							<a href="#">民俗休闲装</a>
						</li>
						<li>
							<a href="#">古典休闲装</a>
						</li>
					</ul>
				</div>
				<div class="center">
					<div class="inner_con">
						<ul>
							<li class="on">
								<a href="index.html">新品上市</a>
							</li>
							<li>
								<a href="shop_list.html">特惠商品</a>
							</li>
							<li>
								<a href="shop_list.html">团购专区</a>
							</li>
							<li>
								<a href="shop_list.html">秒杀</a>
							</li>
							<li>
								<a href="shop_list.html">海外品牌</a>
							</li>
							<li>
								<a href="shop_list.html">国内品牌</a>
							</li>
							<li>
								<a href="shop_list.html">会员专区</a>
							</li>
						</ul>
					</div>
					<div id="wrapper">
						<div id="box">
							<ul>
								<li>
									<a href="#"><img src="img/banner1.jpg"></a>
								</li>
								<li>
									<a href="#"><img src="img/banner2.jpg"></a>
								</li>
								<li>
									<a href="#"><img src="img/banner3.jpg"></a>
								</li>
							</ul>

						</div>
						<div id="pointer"> <span class="active"></span> <span></span> <span></span> </div>
					</div>
				</div>
				<div class="right">
					<div class="user">
						<a href="login.html"><img style="margin-left: -3px;" src="img/y.png" /></a>
						<a href="login.html">登录</a>
						<a href="register.html">注册有礼</a>
					</div>
					<div class="news">
						<div class="new_mod">
							<a href="#" class="on">促销信息</a><span></span>
							<a href="#">商城公告</a>
							<a href="#" class="more">更多</a>
						</div>
						<ul>
							<li>
								<a href="#">美特斯邦威专卖满200减80</a>
							</li>
							<li>
								<a href="#">李宁运动鞋7折促销</a>
							</li>
							<li>
								<a href="#">各种名牌1折起</a>
							</li>
							<li>
								<a href="#">全球品牌日</a>
							</li>
						</ul>
					</div>
					<div class="service_entry">
						<ul>
							<li>
								<a href="#"><img src="img/u.png" />充话费</a>
							</li>
							<li>
								<a href="#"><img src="img/i.png" />订酒店</a>
							</li>
							<li>
								<a href="#"><img src="img/o.png" />订机票</a>
							</li>
							<li class="border">
								<a href="#"><img src="img/p.png" />理财</a>
							</li>
							<li>
								<a href="#"><img src="img/a.png" />分期</a>
							</li>
							<li>
								<a href="#"><img src="img/s.png" />水电费</a>
							</li>
							<li>
								<a href="#"><img src="img/d.png" />足球</a>
							</li>
							<li class="border">
								<a href="#"><img src="img/f.png" />更多</a>
							</li>
						</ul>
					</div>
					<div class="shop_entry">
						<a href="shop_cart.html"><img src="img/g.png" /></a>
						<div class="shop_car">
							<a href="shop_cart.html">我的购物车</a><span id="shu">0</span></div>
					</div>
				</div>
			</div>
			<div class="m_seckill">
				<div class="nav_field">
					<img src="img/y1.png" />
					<h2>秒杀专区</h2>
					<p>秒到就是赚到</p>
					<div class="m_time">
						<p>本轮秒杀<span id="hour"></span>:<span id="minute"></span>:<span id="sec"></span>后结束</p>
					</div>
				</div>

				<div class="pro-content">
					<div id="container">
						<ul id="list" style="left: -290px;">
							<li>
								<a href="pro_details.html"><img src="img/aa.jpg" />
									<h3>秋水伊人2017新款欧美简约风格外套</h3>
									<i></i>
									<p><b>￥</b>238<em>￥328</em></p>
								</a>
								<span></span>
							</li>
							<li>
								<a href="pro_details.html"><img src="img/ii.jpg" />
									<h3>美特斯邦威AMPM2017新款休闲男装</h3>
									<i></i>
									<p><b>￥</b>388<em>￥688</em></p>

								</a>
								<span></span>
							</li>
							<li>
								<a href="pro_details.html"><img src="img/oo.jpg" />
									<h3>T恤森马Semir T恤 短袖2017新款男士纯棉休闲夏装</h3>
									<i></i>
									<p><b>￥</b>198<em>￥278</em></p>
								</a> <span></span></li>
							<li>
								<a href="pro_details.html"><img src="img/pp.jpg" />
									<h3>Mind Bridge 百家好女装 韩版时尚短袖</h3><i></i>
									<p><b>￥</b>288<em>￥388</em></p>
								</a> <span></span></li>
							<li>
								<a href="pro_details.html"><img src="img/aa.jpg" />
									<h3>秋水伊人2017新款欧美简约风格外套</h3><i></i>
									<p><b>￥</b>238<em>￥328</em></p>
								</a> <span></span></li>
							<li>
								<a href="pro_details.html"><img src="img/ii.jpg" />
									<h3>美特斯邦威AMPM2017新款休闲男装</h3><i></i>
									<p><b>￥</b>388<em>￥688</em></p>
								</a> <span></span></li>
							<li>
								<a href="pro_details.html"><img src="img/oo.jpg" />
									<h3>T恤森马Semir T恤 短袖2017新款男士纯棉休闲夏装</h3><i></i>
									<p><b>￥</b>198<em>￥278</em></p>
								</a> <span></span></li>
							<li>
								<a href="pro_details.html"><img src="img/pp.jpg" />
									<h3>Mind Bridge 百家好女装 韩版时尚短袖</h3><i></i>
									<p><b>￥</b>288<em>￥388</em></p>
								</a> <span></span></li>
							<li>
								<a href="pro_details.html"><img src="img/aa.jpg" />
									<h3>秋水伊人2017新款欧美简约风格外套</h3><i></i>
									<p><b>￥</b>238<em>￥328</em></p>
								</a> <span></span></li>
						</ul>
					</div>
					<a href="javascript:void(0)" id="prev" class="arrow"></a>
					<a href="javascript:void(0)" id="next" class="arrow"></a>
				</div>

			</div>

			<div class="m_leisure">
				<div class="left_leisure">
					<div class="leisure_wd">
						<img src="img/t1.png" />
						<div class="cut_top">
							<h4>购物满<span>500</span></h4>
							<p>减<span>100</span></p>
						</div>
						<div class="cut_bottom">
							<h4>购物满<span>1000</span></h4>
							<p>减<span>300</span></p>
						</div>
					</div>
					<div class="leisure_pic"><img src="img/xx.jpg" /></div>
				</div>
				<div class="right_leisure">
					<ul>
						<li>
							<a href="shop_list.html"><b>GXG系列</b>
								<img src="img/gg.jpg" />
								<p>全场享7.5折优惠 &gt</p>
							</a>
						</li>
						<li>
							<a href="shop_list.html"><b>森马系列</b>
								<img src="img/hh.jpg" />
								<p>全场享8.8折优惠 &gt</p>
							</a>
						</li>
						<li>
							<a href="shop_list.html"><b>Mind Bridge系列</b>
								<img src="img/jj.jpg" />
								<p>全场享6.6折优惠 &gt</p>
							</a>
						</li>
						<li>
							<a href="shop_list.html"><b>秋水伊人系列</b>
								<img src="img/kk.jpg" />
								<p>全场8.5折起 &gt</p>
							</a>
						</li>
						<li>
							<a href="shop_list.html"><b>美特斯邦威系列</b>
								<img src="img/ll.jpg" />
								<p>全场5折起 &gt</p>
							</a>
						</li>
						<li>
							<a href="shop_list.html"><b>鸿星尔克系列</b>
								<img src="img/zz.jpg" />
								<p>全场7.8折起 &gt</p>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="monopoly_field">
				<ul>
					<li class="l_field">
						<a href="#">
							<h3>李宁专卖场</h3>
							<p>运动改变生活</p><img src="img/cc.jpg" /></a>
					</li>
					<li class="d_field">
						<a href="#">
							<h3>361°专卖场</h3>
							<p>多一度热爱</p><img src="img/vv.jpg" /></a>
					</li>
					<li class="t_field">
						<a href="#">
							<h3>特步专卖场</h3>
							<p>飞一般的感觉</p><img src="img/bb.jpg" /></a>
					</li>
				</ul>
			</div>
			<div class="m_arrival">
				<div class="nav_field">
					<img src="img/y2.png" />
					<h2>新品上市</h2>
					<p>总有一款适合您</p>
				</div>
				<div class="new_field">
					<ul>
						<li class="type_top">
							<a href="pro_details.html">
								<img src="img/q1.jpg" />
								<h2>七匹狼2017新款休闲装</h2>
								<p>能够承受得起长时间的日晒和汗水的侵蚀</p>
								<p>吸汗通气&nbsp;&nbsp;&nbsp; 色泽持久耐磨</p>
								<p>造型宽松舒适。</p>
								<i>599<span>元</span></i>
							</a>
						</li>

						<li class="type_bot">
							<a href="pro_details.html">
								<h2>GXG2017新款运动装</h2>
								<p>造型宽松舒适</p>
								<p>吸汗通气&nbsp;&nbsp;&nbsp; 色泽持久耐磨</p>
								<p>能够承受得起长时间的日晒和汗水的侵蚀</p>
								<i>688<span>元</span></i>
								<img src="img/q6.jpg" />
							</a>
						</li>
						<li class="type_top">
							<a href="pro_details.html">
								<img src="img/q2.jpg" />
								<h2>鸿星尔克2017新款外套</h2>
								<p>能够承受得起长时间的日晒和汗水的侵蚀</p>
								<p>吸汗通气&nbsp;&nbsp;&nbsp; 色泽持久耐磨</p>
								<p>造型宽松舒适。</p>
								<i>198<span>元</span></i>
							</a>
						</li>
						<li class="type_bot">
							<a href="pro_details.html">
								<h2>美特斯邦威新款T恤</h2>
								<p>造型宽松舒适</p>
								<p>吸汗通气&nbsp;&nbsp;&nbsp; 色泽持久耐磨</p>
								<p>能够承受得起长时间的日晒和汗水的侵蚀</p>
								<i>258<span>元</span></i>
								<img src="img/q5.jpg" />
							</a>
						</li>
						<li class="type_top">
							<a href="pro_details.html">
								<img src="img/q3.jpg" style="margin-top: -80px;" />
								<h2>森马2017新款牛仔服</h2>
								<p>能够承受得起长时间的日晒和汗水的侵蚀</p>
								<p>吸汗通气&nbsp;&nbsp;&nbsp; 色泽持久耐磨</p>
								<p>造型宽松舒适。</p>
								<i>238<span>元</span></i>
							</a>
						</li>
						<li class="type_bot">
							<a href="pro_details.html">
								<h2>Mind Bridge新款T恤</h2>
								<p>造型宽松舒适</p>
								<p>吸汗通气&nbsp;&nbsp;&nbsp; 色泽持久耐磨</p>
								<p>能够承受的起长时间的日晒和汗水的侵蚀</p>
								<i>428<span>元</span></i>
								<img src="img/q4.jpg" />
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="m_hot">
				<div class="nav_field">
					<img src="img/y3.png" />
					<h2>热卖产品</h2>
					<p>人气最高 欲购从速</p>
				</div>
				<ul>
					<li>
						<a href="pro_details.html">
							<i></i>
							<img src="img/e4.jpg" />
							<h3>美特斯邦威AMPM2017新款休闲男装</h3>
							<p><b>￥</b>388<em>￥688</em></p>
						</a>
						<span></span>
					</li>
					<li>
						<a href="pro_details.html">
							<i></i>
							<img src="img/e3.jpg" />
							<h3>森马Semir T恤 短袖2017新款男士纯棉休闲夏装</h3>
							<p><b>￥</b>198<em>￥278</em></p>
						</a>
						<span></span>
					</li>
					<li>
						<a href="pro_details.html">
							<i></i>
							<img src="img/e2.jpg" />
							<h3>Mind Bridge 百家好女装 韩版时尚短袖T恤</h3>
							<p><b>￥</b>288<em>￥388</em></p>
						</a>
						<span></span>
					</li>
					<li>
						<a href="pro_details.html">
							<i></i>
							<img src="img/e1.jpg" />
							<h3>秋水伊人2017新款欧美简约风格外套</h3>
							<p><b>￥</b>238<em>￥328</em></p>
						</a>
						<span></span>
					</li>
				</ul>
			</div>
			<div class="m_end">
				<h2>END</h2></div>
			<div class="footer">
				<ul>
					<li><img src="img/j.png" />
						<h2>正品保障</h2>
						<p>正品保障 提供发票</p>
					</li>
					<li><img src="img/k.png" />
						<h2>急速物流</h2>
						<p>如约送货 送货入户</p>
					</li>
					<li><img src="img/l.png" />
						<h2>售后无忧</h2>
						<p>退换无忧 维权无忧</p>
					</li>
					<li><img src="img/z.png" />
						<h2>特色服务</h2>
						<p>私人订制休闲套餐</p>
					</li>
				</ul>
				<div class="mod_help">

					<dl>
						<dt>购物指南</dt>
						<dd>
							<a href="#">导购演示</a>
						</dd>
						<dd>
							<a href="#">免费注册</a>
						</dd>
						<dd>
							<a href="#">会员等级</a>
						</dd>
						<dd>
							<a href="#">常见问题</a>
						</dd>
						<dd>
							<a href="#">品牌大全</a>
						</dd>
					</dl>

					<dl>
						<dt>支付方式</dt>
						<dd>
							<a href="#">网银支付</a>
						</dd>
						<dd>
							<a href="#">快捷支付</a>
						</dd>
						<dd>
							<a href="#">分期支付</a>
						</dd>
						<dd>
							<a href="#">货到付款</a>
						</dd>
					</dl>

					<dl>
						<dt>物流配送</dt>
						<dd>
							<a href="#">免运费政策</a>
						</dd>
						<dd>
							<a href="#">配送服务承诺</a>
						</dd>
						<dd>
							<a href="#">验货签收</a>
						</dd>
						<dd>
							<a href="#">物流查询</a>
						</dd>
					</dl>

					<dl>
						<dt>售后服务</dt>
						<dd>
							<a href="#">退换货政策</a>
						</dd>
						<dd>
							<a href="#">退换货流程</a>
						</dd>
						<dd>
							<a href="#">购买延保服务</a>
						</dd>
						<dd>
							<a href="#">退款说明</a>
						</dd>
						<dd>
							<a href="#">退换货申请</a>
						</dd>
					</dl>

					<dl>
						<dt>商家服务</dt>
						<dd>
							<a href="#">商家入驻</a>
						</dd>
						<dd>
							<a href="#">培训中心</a>
						</dd>
						<dd>
							<a href="#">广告服务</a>
						</dd>
						<dd>
							<a href="#">商家帮助</a>
						</dd>
						<dd>
							<a href="#">服务市场</a>
						</dd>
						<dd>
							<a href="#">规则中心</a>
						</dd>
					</dl>

					<dl>
						<dt>身边商城</dt>
						<dd>
							<a href="#">连锁门店</a>
						</dd>
						<dd>
							<a href="#">地理位置</a>
						</dd>
						<dd>
							<a href="#">为您服务</a>
						</dd>
					</dl>

				</div>
				<div class="copyright">
					<p>Copyright © 2017 Adobe Systems Software Ireland Ltd. All rights reserved</p>
				</div>
			</div>
			<script src="js/index.js"></script>
		</body>

</html>